<!-- 个人信息 -->
<template>
  <view class="geren">
    <view class="top">
      <view class="tou">
        <view class="to-text">头像</view>
        <view class="to-img"
          ><image src="../../static/vip1-1.png" mode="scaleToFill" /><uv-icon
            name="arrow-right"
          ></uv-icon
        ></view>
      </view>
      <view class="name">
        <view class="to-text">昵称</view>
        <view class="to-name"
          >自然而然<uv-icon
            name="arrow-right"
            style="padding-left: 10rpx"
          ></uv-icon
        ></view>
      </view>
      <view class="phon">
        <view class="to-text">手机号</view>
        <view class="to-name"
          >18353787652<uv-icon
            name="arrow-right"
            style="padding-left: 10rpx"
          ></uv-icon
        ></view>
      </view>
    </view>
    <view class="but"><uv-button type="primary" size="normal" text="保存" color="red" shape="circle"></uv-button></view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.geren {
  width: 100%;
  .top {
    width: 95%;
    margin: auto;
    .tou {
      width: 100%;
      height: 150rpx;
      align-items: center;
      border-bottom: 1px solid silver;
      display: flex;
      justify-content: space-between;
      .to-text {
        width: 70%;
        line-height: 60rpx;
      }
      .to-img {
        width: 15%;
        display: flex;
        image {
          width: 100%;
          height: 60rpx;
        }
      }
    }
    .name {
      width: 100%;
      height: 150rpx;
      align-items: center;
      border-bottom: 1px solid silver;
      display: flex;
      justify-content: space-between;
      .to-text {
        width: 60%;
        line-height: 60rpx;
      }
      .to-name {
        width: 25%;
        display: flex;
      }
    }
    .phon {
      width: 100%;
      height: 150rpx;
      align-items: center;
      border-bottom: 1px solid silver;
      display: flex;
      justify-content: space-between;
      .to-text {
        width: 30%;
        line-height: 60rpx;
      }
      .to-name {
        width: 35%;
        display: flex;
      }
    }
  }
  .but{
     width: 90%;
     margin: auto;
     margin-top: 40rpx;
  }
}
</style>
